<!DOCTYPE html>
<html lang="en">
<head>
    <title>dragtest</title>
    <link rel='stylesheet' href='/stylesheets/boxcontainer.css'/>
    <script src="/javascripts/drag.js"></script>
    <script>
    function handleDragEnd(data) {
      console.log(data);
    }

    window.onload = function () {
      drag.init('drag_item',
        [
          {
            id: 'module',
            appName: '应用1',
            moduleName: '模块1',
            appPath: 'http://localhost:3000',
            modulePath: 'http://localhost:3000/module1'
          },
          {
            id: 'module2',
            appName: '应用1',
            moduleName: '模块2',
            appPath: 'http://localhost:3000',
            modulePath: 'http://localhost:3000/module2'
          },
          {
            id: 'module3',
            appName: '应用1',
            moduleName: '模块3',
            appPath: 'http://localhost:3000',
            modulePath: 'http://localhost:3000/module3'
          }
        ],
        handleDragEnd
      );
    }
    </script>
</head>
<body>
<div class="box drag_item" id="module">
    <h3>模块1</h3>
    <iframe src="http://localhost:3000/module1" frameborder="1"></iframe>
</div>
<div class="box drag_item" id="module">
    <h3>模块2</h3>
    <iframe src="http://localhost:3000/module2" frameborder="1"></iframe>
</div>
<div class="box drag_item" id="module">
    <h3>模块3</h3>
    <iframe src="http://localhost:3000/module3" frameborder="1"></iframe>
</div>
</body>
</html>
